<template>
    <div class="box">
        <van-nav-bar title="我的" />
        <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
            <template #tags>
                <van-tag plain type="primary">标签</van-tag>
                <van-tag plain type="primary">标签</van-tag>
            </template>
            <template #footer>
                <van-button size="mini">按钮</van-button>
                <van-button size="mini">按钮</van-button>
            </template>
        </van-card>

        <van-grid>
            <van-grid-item icon="photo-o" text="全部订单" @click="toself(0)"/>
            <van-grid-item icon="photo-o" text="待支付" @click="toself(1)"/>
            <van-grid-item icon="photo-o" text="待收货" @click="toself(2)"/>
            <van-grid-item icon="photo-o" text="待评价" @click="toself(3)"/>
        </van-grid>

        <van-cell-group inset>
            <van-cell title="单元格" value="内容" />
            <van-cell title="单元格" value="内容" />
            <van-cell title="单元格" value="内容" />
            <van-cell title="单元格" value="内容" />
        </van-cell-group>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()

const toself=(i)=>{
    localStorage.setItem('username',13359913235)
    router.push({path:'/order',query:{i:i}})
}
</script>

<style lang="scss" scoped></style>